// 🦜 : the companion scss for U03 -> *
.dropdown-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 12px;
            height: 34px;
            cursor: pointer;
            transition: background-color 0.3s;
            
            &:hover {
                background-color: #f5f7fa;
                
                .delete-icon {
                    opacity: 1;
                }
            }
            
            &.is-selected {
                color: var(--el-color-primary);
                font-weight: 600;
            }
            
            .item-label {
                flex: 1;
                font-size: 14px;
            }
            
            .delete-icon {
                opacity: 0;
                color: #909399;
                font-size: 16px;
                transition: all 0.3s;
                cursor: pointer;
                padding: 2px;
                
                &:hover {
                    color: #f56c6c;
                    background-color: #fef0f0;
                    border-radius: 3px;
                }
            }
        }

